<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面未找到 - 柔光日记</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* 使用相同的样式基础... */
        
        :root {
            --primary-light: #FFF0F5;
            --primary: #FFD1DC;
            --primary-dark: #F8C8DC;
            --secondary: #E0F7FA;
            --accent: #B2EBF2;
            --text: #5D4037;
            --light: #FFF9FB;
            --gray: #F5F5F5;
        }
        
        body {
            background: linear-gradient(135deg, var(--primary-light) 0%, var(--secondary) 100%);
            color: var(--text);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            text-align: center;
            padding: 20px;
        }
        
        /* 添加404页面特定的样式... */
    </style>
</head>
<body>
    <div class="error-container">
        <div class="error-number">404</div>
        <h1 class="error-title">哎呀，页面找不到了</h1>
        <p class="error-text">
            您访问的页面可能已被移除、更名或暂时不可用。<br>
            请检查URL是否正确，或使用下面的按钮返回首页。
        </p>
        <a href="index.html" class="home-btn">
            <i class="fas fa-home"></i> 返回首页
        </a>
        
        <div style="margin-top: 50px;">
            <div class="logo" style="justify-content: center; margin-top: 30px;">
                <div class="logo-icon">
                    <i class="fas fa-book-open"></i>
                </div>
                <div class="logo-text">
                    <h1>柔光日记</h1>
                    <div class="subtitle">AI 与年轻妈妈共育儿</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>